<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="header"></div>
    <div class="header-nav">
        <div class=" center container">
            <a href="#">首页</a>
            <a href="#">资讯</a>
            <a href="#">测评</a>
            <a href="#">商城</a>
            <div class="start">
                <i class="icon"></i>
                <span class="text first">深圳</span>
                <span class="text"><切换></span>
            </div>
            <div class="end">
                <span class="icon"></span>
                <span class="adm">个人中心</span>
            </div>
        </div>
    </div>
    <div class="header-nav2">
        <a href="#">&nbsp;&nbsp;首页&nbsp;></a>
        <a href="#">预防装修污染</a>
        <a href="#">>&nbsp;材料库</a>
    </div>
    <div class="table">
        <div class="table1">
            <a href="#" class="word2">类别</a>
            <a href="#">全部</a>
            <a href="#">地板</a>
            <a href="#">涂料</a>
            <a href="#">墙纸</a>
            <a href="#">瓷砖</a>
            <a href="#">粘胶剂</a>
            <a href="#">油漆</a>
            <a href="#">家具</a>
            <a href="#">板材</a>
            <a href="#">饰品</a>
            <span class="photo1"></span>
        </div>
        <div class="table2">
            <a href="#" class="word2">类型</a>
            <a href="#">全部</a>
        </div>
        <div class="table3">
            <a href="#" class="word2">材质</a>
            <a href="#">全部</a>
            <a href="#">实木</a>
            <a href="#">复合</a>
            <a href="#">强化</a>
            <a href="#">其他</a>
        </div>
        <div class="table4">
            <a href="#" class="word2">品牌</a>
            <a href="#">全部</a>
            <a href="#">圣象</a>
            <a href="#">大自然</a>
            <a href="#">生活家</a>
            <a href="#" class="word1">北美枫情</a>
            <a href="#">德尔</a>
            <a href="#">博典</a>
            <a href="#">船王</a>
        </div>
        <span class="yellowword1"><p class="yellow-word">地板</p></span>
        <span class="yellowword2"><p class="yellow-word">实木</p></span>
        <span class="yellowword3"><p class="yellow-word">圣象</p></span>
    </div>
    <div class="search">
        <div>
            <a href="">发布时间</a>
            <a href="">价格</a>
            <a href="">环保节能</a>
        </div>
        <span class="photo2"></span>
        <span class="photo3"></span>
        <span class="photo4"></span>
        <span class="search-input">
            <input type="text" placeholder="搜索" class="input-text">
            <button class="btn1"></button>
            <button class="btn2">搜索</button>
        </span>
        <span class="word3">了解家居医生建材环保评级标准</span>
        <span class="photo5"></span>
    </div>
    <div class="picture">
        <span class="picture1">
            <span class="data-image"></span>
            <span class="picture-colorword">
            <p>德尔&nbsp;&nbsp;&nbsp;&nbsp;都市系列3001</p>
            <p>木地板-复合地板</p>
            <p>单价:&nbsp;&nbsp;128/㎡</p>
            <p class="picture-wordsize">环保评级:&nbsp;&nbsp;B&nbsp;&nbsp;(可以使用)</p>
            </span>
        </span>
        <span class="picture1 picture2">
            <span class="data-image"></span>
            <span class="picture-word">
                <p>德尔&nbsp;&nbsp;&nbsp;&nbsp;都市系列3001</p>
                <p>木地板-复合地板</p>
                <p>单价:&nbsp;&nbsp;128/㎡</p>
                <p class="picture-word1">环保评级:&nbsp;&nbsp;B&nbsp;&nbsp;(可以使用)</p>
            </span>
        </span>
        <span class="picture1 picture2">
            <span class="data-image"></span>
            <span class="picture-word">
                <p>德尔&nbsp;&nbsp;&nbsp;&nbsp;都市系列3001</p>
                <p>木地板-复合地板</p>
                <p>单价:&nbsp;&nbsp;128/㎡</p>
                <p class="picture-word1">环保评级:&nbsp;&nbsp;B&nbsp;&nbsp;(可以使用)</p>
            </span>
        </span>
        <span class="picture1 picture2">
            <span class="data-image"></span>
            <span class="picture-word">
                <p>德尔&nbsp;&nbsp;&nbsp;&nbsp;都市系列3001</p>
                <p>木地板-复合地板</p>
                <p>单价:&nbsp;&nbsp;128/㎡</p>
                <p class="picture-word1">环保评级:&nbsp;&nbsp;B&nbsp;&nbsp;(可以使用)</p>
            </span>
        </span>
    </div>
    <div class="picture">
        <span class="picture1">
            <span class="data-image"></span>
            <span class="picture-word">
            <p>德尔&nbsp;&nbsp;&nbsp;&nbsp;都市系列3001</p>
            <p>木地板-复合地板</p>
            <p>单价:&nbsp;&nbsp;128/㎡</p>
            <p class="picture-word1">环保评级:&nbsp;&nbsp;B&nbsp;&nbsp;(可以使用)</p>
            </span>
        </span>
        <span class="picture1 picture2">
            <span class="data-image"></span>
            <span class="picture-word">
                <p>德尔&nbsp;&nbsp;&nbsp;&nbsp;都市系列3001</p>
                <p>木地板-复合地板</p>
                <p>单价:&nbsp;&nbsp;128/㎡</p>
                <p class="picture-word1">环保评级:&nbsp;&nbsp;B&nbsp;&nbsp;(可以使用)</p>
            </span>
        </span>
        <span class="picture1 picture2">
            <span class="data-image"></span>
            <span class="picture-word">
                <p>德尔&nbsp;&nbsp;&nbsp;&nbsp;都市系列3001</p>
                <p>木地板-复合地板</p>
                <p>单价:&nbsp;&nbsp;128/㎡</p>
                <p class="picture-word1">环保评级:&nbsp;&nbsp;B&nbsp;&nbsp;(可以使用)</p>
            </span>
        </span>
        <span class="picture1 picture2">
            <span class="data-image"></span>
            <span class="picture-word">
                <p>德尔&nbsp;&nbsp;&nbsp;&nbsp;都市系列3001</p>
                <p>木地板-复合地板</p>
                <p>单价:&nbsp;&nbsp;128/㎡</p>
                <p class="picture-word1">环保评级:&nbsp;&nbsp;B&nbsp;&nbsp;(可以使用)</p>
            </span>
        </span>
    </div>
    <div class="footer-nav">
        <span class="last">上一页</span>
        <span class="number">
        <a href="#">1</a>
        <a href="#" class="number-color">2</a>
        <a href="#">3</a>
        <a href="#">4</a>
        <a href="#">5</a>
    </span>
    <span class="next">下一页</span>
    <span class="footer-nav-word">共有10页，去第&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页</span>
    <span class="footer-border"></span>
    <span class="footer-ture">提交</span>
    </div>
    <div class="code">
        <span class="QR-code"></span>
        <span class="code-word">
            <p class="code-word1">建材检测&nbsp;&nbsp;需求反馈</p>
            <p>亲爱的用户，我们在不断的完善和更新建材库</p>
            <p>若没有找到您想要的材料信息，请将您想测的建材告诉我们</p>
        </span>
    </div>
    <div class="bottom">
        <div class="bottom-nav">
            <div class="bottom-logo"></div>
            <div class="bottom-word">
                <p class="bottom-word1">为室内环境健康把好每一关</p>
                <p>家居医生致力于中国人的家居健康问题，通过专业的技术研究</p>
                <p>和测评倾力协助大众打造绿色、环保的人居生活环境。</p>
            </div>
            <span class="end-word1">关于我们&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;版权说明</span>
            <span class="end-word2">联系我们&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用户隐私</span>
            <span class="end-word3">加入我们&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;免责声明</span>
            <span class="end-right-word1">官方微信</span>
            <span class="end-right-word2">天猫旗舰店</span>
            <span class="end-right-word3">有赞商场</span>
            <span class="end-photo1"></span>
            <span class="end-photo2"></span>
            <span class="end-photo3"></span>
            <div class="bottom-hr"><hr></div>
            <span class="end-word4">深圳建筑科学研究院股份有限公司&nbsp;&nbsp;&nbsp;&nbsp;家居医生网</span>
            <span class="end-word5">粤ICP08011321号&nbsp;&nbsp;©Copyright&nbsp;All&nbsp;Rights&nbsp;Reserved</span>
        </div> 
    </div>
</body>
</html>